<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>欢迎来到爱之家</title>
<link href="css/style.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Creative Sign In & Sign Up Forms Responsive, Login form web template, Sign up Web Templates,Profile widgets,Flat icon hover effects,Flat Registration Forms  Flat Web Templates, Login signup Responsive web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="text/javascript" src="js/jquery-2.1.4.min.js" charset="utf-8"></script>
<!--<script type="text/javascript" src="js/login_ajax.js" charset="utf-8"></script>-->
<!--<script type="text/javascript" src="js/regist_ajax.js" charset="utf-8"></script>-->
<script type="text/javascript">
	${input[name=username_regist]}.blur(function(){
		var username=${this}.val();
	});
</script>
</head>
<body>
     <h1>请进行操作</h1>
		<div class="message warning">
			<div class="inset agile">
							<div class="sap_tabs w3ls-tabs">
				<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
					<ul class="resp-tabs-list">
						<li class="resp-tab-item" aria-controls="tab_item-0" role="tab"><span>登录</span></li> 
						<li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><label>/</label><span>注册</span></li>
					</ul>	
					<div class="clear"> </div>
					<div class="alert-close"> </div> 
					<div class="resp-tabs-container">
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
							<div class="login-agileits-top"> 
								<form action="#" method="post">
									<p>用户名</p>
									<input type="text" name="username_login" required=""/>
									<span style="color:red"></span>
									<p>密码</p>
									<input type="password" name="Password" required=""/>
									<span style="color:red"></span>	 
									<input type="checkbox" id="brand" value="">
									<label for="brand"><span></span>记住密码</label> 
									<input type="submit" value="确定">
								</form>  
							</div>
							<div class="login-agileits-bottom"> 
								<h2><a href="#">Forgot password?</a></h2>
							</div> 
						</div> 
						<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
							<div class="login-agileits-top sign-up"> 
								<form action="#" method="post">
									<p>用户名</p>
									<input type="text" name="username_regist"  required=""/>
									<span style="color: red" id="username_msg"></span>
									<p>密码</p>
									<input type="password" name="Password" placeholder="" required=""/>
									<span style="color: red" id="password_msg"></span>
									<p>确认密码</p>
									<input type="password" name="Password2" placeholder="" required=""/>
									<span style="color: red" id="password_msg"></span>
									<p>手机</p>
									<input type="text" name="phone"  required=""/>
									<span style="color: red" id="phonenumber"></span>	
									<input type="checkbox" id="brand1" value="">
									<label for="brand1"><span></span>I accept the terms use</label> 
									<input type="button" value="注册用户" onclick="one()">
								</form>  
							</div>
						</div>
					</div>							
				</div>	 
	</div>	
	<div class="right-section-w3ls"></div>
			<div class="clear"> </div>

				</div>					
		</div>

	<div class="clear"> </div>
     <div class="copy-right w3l-agile">
	</div>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script>$(document).ready(function(c) {
	$('.alert-close').on('click', function(c){
		$('.message').fadeOut('slow', function(c){
	  		$('.message').remove();
		});
	});	  
});
</script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<!-- ResponsiveTabs js -->
			<script type="text/javascript">
				$(document).ready(function () {
					$('#horizontalTab').easyResponsiveTabs({
						type: 'default', //Types: default, vertical, accordion           
						width: 'auto', //auto or any width like 600px
						fit: true   // 100% fit in a container
					});
				});
			</script>
			<!-- //ResponsiveTabs js -->	
<script type="text/javascript">
    window.onload=function(){
        var userId="";
        var _ticket = $.cookie("EM_TICKET");
        if(!_ticket){
            return ;
        }							
</body>
</html>